<%@page import="com.adisi.objetos.PerfilManager"%>
<%@	page import ="java.util.ArrayList" %>
<%@	page import ="java.util.Iterator" %>
<%@	page import ="java.util.List" %>
<%@	page import ="com.adisi.objetos.Proceso" %>
<%@	page import ="com.adisi.objetos.Perfil" %>
<%@	page import ="com.adisi.objetos.ProcesoManager" %>


<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:directive.include file="headerComun.jsp" />
<body>
<%
	PerfilManager pm = new PerfilManager();

	Perfil perfil = (Perfil)request.getAttribute("perfil");

	ArrayList<Proceso> procesos = (ArrayList<Proceso>)request.getAttribute("procesos");
	
	ArrayList<Proceso> procesosAsignados = (ArrayList<Proceso>)request.getAttribute("procesos_asignados");
	
%>	
<div class="container">
	<jsp:directive.include file="menuNavegacion.jsp" />
	<div class="row">
		<div class="col-md-8">
				<h2>Asignaci&oacute;n de procesos</h2>
		</div>
	</div>
	<div class="col-md-10 column col-md-offset-1">
		<script>
			$(document).ready(function(){
				$('#btnAsignar').click(function(){
					return !$('#procesos option:selected').remove().appendTo('#procesos_asignados');
				});
				$('#btnDesasignar').click(function(){
					
					return !$('#procesos_asignados option:selected').remove().appendTo('#procesos');
				});
				$("#btnGrabar").on('click',function(){
					$('#procesos_asignados option').prop('selected', true);
				});
				
			});
		</script>	
		<form role="form" action="perfil" method="post" name="formulario" id="formulario">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">
						Perfil <%=perfil.getNombrePerfil() %>
						<small><%=perfil.getDetallePerfil() %></small>
					</h3>
				</div>
				<div class="panel-body">		
					<div class="row">
						<div class="col-md-12">
						
							<div class="form-group" style="display:hidden">
								<input type="hidden" id="perfil_id" name="perfil_id" value="<%=perfil.getIdPerfil()%>">
								<input type="hidden" id="perfil_accion" name="perfil_accion" value="asignarProcesos">
							</div>
							<div class="row">
								<div class="col-md-5">
									<div class="form-group">
										<label for="perfiles">Procesos</label>
										<select size="8" name="procesos" id="procesos" class="form-control" multiple="multiple">
								<%
											String grupo = "";
											for(int i = 0; i < procesos.size(); i++) {
												if(procesos.get(i).getGrupo().equalsIgnoreCase(grupo)==false){
													if(grupo.equalsIgnoreCase("")){
										%>
											</optgroup>
										<%														
													}
														
													grupo = procesos.get(i).getGrupo();
													
										%>
											<optgroup label="<%= grupo%>"> 
										<%
												}
										%>
												<option value="<%= procesos.get(i).getIdProceso() %>" title="<%= procesos.get(i).getDetalleProceso()%>"><%= procesos.get(i).getNombreProceso()%></option>
										<% } %>
											</optgroup>
										</select>
									</div>											
								</div>
								<div class="col-md-2">
									<div style="height=340px;">&nbsp;</div>
									<div class="btn-group btn-group-justified">
										<button type="button" class="btn btn-default glyphicon glyphicon-forward" title="Asignar" id="btnAsignar"></button>
									</div>
									<div style="height=50px;">&nbsp;</div>
									<div class="btn-group btn-group-justified">
										<button type="button" class="btn btn-default glyphicon glyphicon-backward " title="Desasignar" id="btnDesasignar"></button>
									</div>
								</div>
								<div class="col-md-5">
									<div class="form-group">
										<label for="perfiles">Procesos asignados</label>
							
										<select size="8" name="procesos_asignados" id="procesos_asignados" class="form-control" multiple="multiple">
										<%
												String grupo2 = "";
												for(int i = 0; i < procesosAsignados.size(); i++) {
													if(procesosAsignados.get(i).getGrupo().equalsIgnoreCase(grupo2)==false){
														if(grupo2.equalsIgnoreCase("")){
											%>
												</optgroup>
											<%														
														}
															
														grupo2 = procesosAsignados.get(i).getGrupo();
														
											%>
												<optgroup label="<%= grupo2%>"> 
											<%
													}
													
										%>
													<option value="<%= procesosAsignados.get(i).getIdProceso() %>" title="<%= procesosAsignados.get(i).getDetalleProceso()%>"><%= procesosAsignados.get(i).getNombreProceso()%></option>
										<%		
												}
										%>
											</optgroup>
										</select>
									</div>											
								
								</div>
							</div>
				
						</div>	
			
					</div>
				</div>
				<div class="panel-footer text-right">
					<button type="submit" class="btn btn-primary glyphicon glyphicon-floppy-save" id="btnGrabar"> Grabar</button>
						
					<a  href="perfil?lst" type="cancel" class="btn btn-warning glyphicon glyphicon-ban-circle"> Cancelar</a>
				</div>
			</div>
		</form>
	</div>		
		
		
</div>

</body>
</html>